Ext.define("app.principal.view.Desktop",{
	extend:'Ext.container.Viewport',	
	alias: 'widgent.Desktop',
	layout: 'border',
	items: [{
		id: 'north',
		region: 'north',
		layout : 'hbox',
		height: 38,
		items:[{
			flex: 1,
			baseCls: '',
			id:'north-left',
			html:'Sistema de Gesti&#243;n Comercial  MyPYME'
		},{
			flex: 1,
			baseCls: '',
			id:'north-center',
			html:'Usuario: ' + USER
		},{
			flex: 1,
			id:'north-right',
			baseCls: '',
			html:'<a href="'+CONTEXT_PATH+'/mvc/login/logout">Cerrar Sesi&#243;n</>'
		}]	
	}, {
	    region: 'west',
	    collapsible: true,
	    split:true,
	    title: 'M&#243;dulos',
	    width: 180,
	    iconCls:'icon-modules',
	    items: Ext.create("app.principal.view.Menu")
	}, {
	    region: 'center',
	    xtype: 'tabpanel', // TabPanel itself has no title
	    activeTab: 0,      // First tab active by default
	    //layout:'fit',
	    height:600,
	    items: {
    	 	iconCls: 'icon-home',
            title: 'Principal',
           	html:'<iframe  width="100%" height="100%"  id="_home_" frameborder="no" src="'+CONTEXT_PATH+'/joedayz/main/welcome.jsp"></iframe>'
        }
	}]
});

